<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    正常引入多个js文件：
    1.页面引入多个js文件，依赖关系容易混乱
    2.多个js文件中的全局变量，容易命名冲突
 -->
<!-- <script src="./c.js"></script>
<script src="./b.js"></script>
<script src="./a.js"></script>
<script src="./d.js"></script>
<script src="./e.js"></script> -->

<!-- 
    ES Module使用：
    1.在script标签设置type="module"，浏览器才会将当前js脚本当成es模块处理
    2.ES模块自动采用严格模式运行，无论是否添加 'use strict'
    3.引入模块时，路径不能裸写'index.js'，应该这样写'./index.js'
    4.当前页面需要在服务器环境运行

    ES模块的主要命令：
    import命令，用于导入某个模块的接口/功能
    export命令，用于导出某个模块的接口/功能
 -->
<script type="module" src="./index.js"></script>
</body>
</html>